<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>White light</title>
<link href="global.css" rel="stylesheet" type="text/css" /></head>
<body>
<div id="bg">
  <div id="bg_top">
    <div id="body">
      <div id="header">White light<br />
        <span class="slogan">Slogan here.</span></div>
      <div id="side">
        <div id="menu">
          <ul>
            <li><a href="#">Normal menu link</a></li>
            <li><span class="pressed">Current page</span></li>
            <li><a href="#" class="pressed">Current page with link</a></li>
            <li><a href="#">Page four</a></li>
            <li><a href="#">Page five</a></li>
          </ul>
        </div>
        <div id="side_content">
          <div class="side_title">Latest news</div>
          <div class="sidenotes">
            <ul>
              <li><a href="#"><span class="title">Lorem ipsum</span><span class="date">20.08.2006</span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
              <li><a href="#"><span class="title">Vivamus nulla</span><span class="date">21.08.2006</span>Vivamus nulla   ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi.</a></li>
              <li><a href="#"><span class="title">Vivamus dapibus</span><span class="date">21.08.2006</span>Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis felis.</a></li>
              <li><span class="more"><a href="#" title="View all the news.">MORE NEWS<img src="img/more.gif" alt="View all the news." width="7" height="7" /></a></span></li>
            </ul>
          </div>
          <div class="side_title">Community</div>
          <div>
            <input name="user" type="text" class="styled" id="user" value="Username" onfocus="if(this.value == 'Username') this.value = '';" onblur="if(this.value == '') this.value = 'Username';" size="30" />
            <br />
            <input name="pass" type="password" class="styled" id="pass" value="Password" onfocus="if(this.value == 'Password') this.value = '';" onblur="if(this.value == '') this.value = 'Password';" size="30" />
            <br />
            <input name="login" type="button" class="styled" id="login" value="Login" />
            <br />
            <span class="login_text"><a href="#" title="Click here to make a new account.">Sign up now!</a> | <a href="#" title="Click here if you forgot your password.">Recover password</a></span></div>
          <div class="side_title">Other stuff </div>
          <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus nulla   ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede.</div>
        </div>
      </div>
      <div id="content">
        <h2>Hello and welcome!</h2>
        <p>It's clean, smooth and probably nothing new, but I had to try it out anyway. Of course, it's valid <acronym title="Extensible HyperText Markup Language">XHTML</acronym> 1.0 Transitional and <acronym title="Cascading Style Sheet, Level 2">CSS2</acronym>, and it tested ok on:</p>
        <ul>
          <li>Internet Explorer 6 SP2</li>
		  <li>Internet Explorer 7</li>
          <li>Firefox 2</li>
          <li>Netscape 8.1</li>
          <li>Opera 9.02 </li>
        </ul>
        <p><span class="qoute">You can use this template free of obligation, for any purpose you want. The only thing we ask in return is that you <strong>keep the design link in the footer </strong>and<strong> <strong>do not</strong> offer this template for download from YOUR site.</strong> Other than that you can change everything else in any way you see fit. Also,  if it doesn't conflict with any copyright, patent or registered trade  mark, you can keep the title and the slogan as they are now. Thank you. Last review: 27 Jan. 2008</span></p>
        <p class="box"><strong>Updated:</strong> Minor bugs concerning the sidebar and other small modifications.</p>
        <p><img src="img/excl_mark.png" alt="More pics in the img folder." width="110" height="110" hspace="10" class="float_left" /><a href="http://www.lipsum.com/" target="_blank">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit. Vivamus nulla ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis felis, sed sollicitudin nisi nulla non velit. Duis placerat faucibus quam. Quisque et odio. Cras arcu. Integer scelerisque ligula non justo.</p>
        <p class="clear">Vivamus nulla   ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend.</p>
        <p class="qoute"><a href="http://www.lipsum.com/" target="_blank">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit. Vivamus nulla   ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis felis, sed sollicitudin nisi nulla non velit.</p>
        <p class="box"><a href="http://www.lipsum.com/" target="_blank">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit. Vivamus nulla   ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis felis, sed sollicitudin nisi nulla non velit. Duis placerat faucibus quam. Quisque et odio. Cras arcu. Integer scelerisque ligula non justo.</p>
        <p class="story"><span class="title"><a href="#">Lorem ipsum, if you can imagine...</a></span><span class="date">20.08.2006</span><span class="text"><a href="http://www.lipsum.com/" target="_blank">Lorem ipsum</a> dolor sit amet, consectetuer adipiscing elit. Vivamus nulla   ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis felis, sed sollicitudin nisi nulla non velit. Duis placerat faucibus quam. Quisque et odio. Cras arcu. Integer scelerisque ligula non justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus nulla   ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend.</span><span class="bottom"><span class="element"><a href="#" title="Printer friendly version of this article."><img src="img/printer.gif" alt="Printer friendly version of this article." width="11" height="12" />PRINTER FRIENDLY</a></span><span class="element"><a href="#" title="View and post comments on this article."><img src="img/comment.gif" alt="View and post comments on this article." width="13" height="12" />COMMENTS (23)</a></span><span class="element"><a href="#" title="Read the full article."><img src="img/read.gif" alt="Read the full article." width="9" height="12" />READ MORE</a></span></span></p>
        <h2 class="zebra">Lorem ipsum returns! </h2>
        <p class="box zebra">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus nulla   ipsum, rutrum scelerisque, imperdiet sit amet, malesuada ultrices, mi. Phasellus id pede. Vivamus dapibus, sapien vel venenatis eleifend, pede lacus mattis felis, sed sollicitudin nisi nulla non velit. Duis placerat faucibus quam. Quisque et odio. Cras arcu.</p>
      </div>
      <div id="footer_clear">
        <!--DO NOT REMOVE THIS DIV-->
      </div>
      <div id="footer">Copyright &copy;2008 Your site. All rights reserved. Based on a design by <a href="http://www.elemental-works.com/free-web-templates/" target="_blank">Free Web Templates - Elemental Works</a>. Valid <a href="http://validator.w3.org/check?uri=referer" target="_blank" title="Check the XHTML validity of this page.">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="Check the CSS validity of this page.">CSS</a>.</div>
    </div>
  </div>
</div>
</body>
</html>
